<!DOCTYPE html>
<html lang="en" >

<head>
<meta charset="UTF-8">
<title>Gradient Collection</title>


<link rel="stylesheet" href="css/style.css">


</head>

<body style="padding:0;margin:0;">

  
<ul>
  <li class="gradient--0">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--1">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--2">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--3">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--4">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--5">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--6">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--7">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--8">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--9">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--10">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--11">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--12">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--13">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
  <li class="gradient--14">
    <div class="gradient"></div>
    <div class="start-color"></div>
    <div class="end-color"></div>
  </li>
</ul>
  
  
</body>

</html>
